<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>提现</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta content="telephone=no,email=no" name=format-detection />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="renderer" content="webkit|ie-comp|ie-stand" />
	<script src="./vue.min.js"></script>
	<script src="./jquery.min.js"></script>
	
	<style>
        /* 去除浏览器默认样式reset */
        html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font-weight: normal;
            vertical-align: baseline;
            background: transparent;
            -webkit-tap-highlight-color:rgba(255,255,255,0);
        }
        html, body {
            width: 100%;
            height: 100%;
            font-size: 0.28rem;
        }
        main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
        ul {list-style: none;}
        table {border-collapse: separate; border-spacing: 0;}
        th {font-weight: bold; vertical-align: bottom;}
        td {font-weight: normal; vertical-align: top;}
        input{
            outline: none;
            border: none;
        }
		#message1 {
		  display: none;
		  position: fixed;
		  top: 50%;
		  width: 120px;
		  left: calc(50% - 60px);
		  margin: auto;
		  padding: 10px;
		  background-color: rgb(0 0 0 / 40%);
		  border-radius: 6px;
		  text-align: center;
		  color: #f2f2f2;
		}
		#message2 {
		  display: none;
		  position: fixed;
		  top: 50%;
		  width: 120px;
		  left: calc(50% - 60px);
		  margin: auto;
		  padding: 10px;
		  background-color: rgb(0 0 0 / 40%);
		  border-radius: 6px;
		  text-align: center;
		  color: #f2f2f2;
		}
		#message3 {
		  display: none;
		  position: fixed;
		  top: 50%;
		  width: 120px;
		  left: calc(50% - 60px);
		  margin: auto;
		  padding: 10px;
		  background-color: rgb(0 0 0 / 40%);
		  border-radius: 6px;
		  text-align: center;
		  color: #f2f2f2;
		}
		#message4 {
		  display: none;
		  position: fixed;
		  top: 50%;
		  width: 120px;
		  left: calc(50% - 60px);
		  margin: auto;
		  padding: 10px;
		  background-color: rgb(0 0 0 / 40%);
		  border-radius: 6px;
		  text-align: center;
		  color: #f2f2f2;
		}
		#app{
			height: 100vh;
			padding: 10px;
			box-sizing: border-box;
		}
		.table{
			border-top: 1px solid #f2f2f2;
			border-left: 1px solid #f2f2f2;
		}
		.tr{
			display: flex;
			border-bottom: 1px solid #f2f2f2;
		}
		.td{
			width: 50%;
			border-right: 1px solid #f2f2f2;
			padding: 8px;
			box-sizing: border-box;
		}
	</style>
</head>
<body>
	<div id="app">
		<div class="table">
			<div class="tr">
				<div class="td">提现金额</div>
				<div class="td">提现时间</div>
			</div>
			<div v-for="(item,index) in list" :key="index" class="tr">
				<div class="td">{{item.io_value}}</div>
				<div class="td">{{item.created_at}}</div>
			</div>
		</div>
	</div>
<script>
// 引入rem，使用rem单位，对不同手机屏幕进行适配
(function (doc, win) {
    var docEl = doc.documentElement
    var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
    var recalc = function () {
        var clientWidth = docEl.clientWidth
        if (!clientWidth) return
        if (clientWidth >= 750) {
            docEl.style.fontSize = '100px' // 1rem  = 100px
        } else {
            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'
        }
    }
    if (!doc.addEventListener) return
    win.addEventListener(resizeEvt, recalc, false)
    doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window)

const baseUrl = 'https://xyy.macoolliving.com'
var vapp = new Vue({
	el : '#app',
	data: {
		infoUrl: '/api/crash/main/crashLog',
		list:[]
	},
	created() {
		this.token = localStorage.getItem('m-token')
		$.ajax({
			url: baseUrl+this.infoUrl+'?page=1&pageSize=1000',
			type: 'GET',
			contentType: 'application/json', // 发送信息至服务器时内容编码类型
			dataType: 'json', // 预期服务器返回的数据类型
			headers:{
				token: this.token
			},
			success: function(res) {
				vapp.$data.list = res.data.items
				console.log(res,'res')
			},
		});	
	},
});
</script>
</body>
</html>